﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd"> 
<html>
<head>
	<title>Dojo Editor2 Stylesheet test</title>
	<script type="text/javascript">
		var djConfig = { isDebug: true };
	</script>

	<script type="text/javascript" src="../../../dojo.js"></script>
	<script type="text/javascript">
		dojo.require("dojo.widget.Editor2");
	</script>
</head>
<body bgcolor="white">

this is text above the editor
<br>
<input type="button" value="Add Stylesheet" onclick="dojo.widget.byId('editor1').addStyleSheet(new dojo.uri.Uri(dojo.global().location, 'test_richtext_other.css'));">
<input type="button" value="Remove Stylesheet" onclick="dojo.widget.byId('editor1').removeStyleSheet(new dojo.uri.Uri(dojo.global().location, 'test_richtext_other.css'));">
<br>
<br>
<div style="position: relative;" parseWidgets="false">
	<div style="border: 1px solid black;">
		<div dojoType="RichText" widgetid="editor1"
			htmlEditing="true" useActiveX="false" styleSheets="test_richtext.css"
			shareToolbar="false" id="editor" toolbarAlwaysVisible="true">
			look ma! it's editable content!
			<ul>
				<li>foo</li>
				<li>bar</li>
				<li>baz</li>
			</ul>
			<h1>Lorem!</h1>
		</div>
	</div>
	text below the first editor instance
</div>

<br>
text above the second editor instance. This second editor shares a toolbar with the first.
</body>
</html>